<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/classics.css" />
		<link rel="stylesheet" type="text/css" href="../css/load.css"/>
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
		<!--<link rel="stylesheet" type="text/css" href="../css/result-page.css"/>-->
	</head>

	<body>
		<div id="load">
			<img src="../img/25load.png"/>
			<div class="yun">
				
			</div>
			<div class="yun2">
				
			</div>
			<div class="yan">
				
			</div>
			<div class="person">
				<img src="../img/8load.png"/>
			</div>
			<div class="yan2">
				
			</div>
			<div class="diqiu">
				<img src="../img/21load.png"/>
			</div>
			<div class="qizi">
				<div class="logo">
					<div>
						
					</div>
					<div>
						
					</div>
				</div>
			</div>
			<div class="roket">
				
			</div>
			<div class="paizi">
				
			</div>
			<div class="btn">
				
			</div>
			<div class="paizi_txt">
				
			</div>
		</div>
	
		<div id="index">
			 <div class="logo">
			 	
			 </div>
			 <div class="title">
			 	
			 </div>
			 <div class="yuefu">
			 	
			 </div>
			 <div class="zuiba">
			 	
			 </div>
			 <div class="kugou"></div>
			 <div class="lperson"></div>
			 <div class="rperson"></div>
			 <div class="btn">
			 	马上开始
			 </div>
		</div>
	
		<div class="classics">
			<div class="classics_back">
				<img src="../img/option_page/classics_background.png" />
			</div>
			<div class="classics_lamplight">
				<img src="../img/option_page/classics_lamplight.png" />
			</div>
			<div class="classics_figure">
				<img src="../img/option_page/classics_figure.png" />
			</div>
			<div class="classics_soap animated" >
				<img src="../img/option_page/classics_soap.png" />
			</div>
			<div class="classics_baffle">
				<img src="../img/option_page/classics_baffle.png" />
			</div>
			<div class="classics_baffle2">
				<img src="../img/option_page/classics_baffle.png" />
			</div>
			<div class="classics_grid">
				<img src="../img/option_page/classics_grid.png" />
			</div>
		</div>

		<div class="oldsong">
			<div class="oldsong_back">
				<img src="../img/option_page/oldsong_background.png" />
			</div>
			<div class="oldsong_lamplight">
				<img src="../img/option_page/oldsong_lamplight.png" />
			</div>
			<div class="oldsong_oldman">
				<img src="../img/option_page/oldsong_oldman.png" />
			</div>
			<div class="oldsong_flower">
				<img src="../img/option_page/oldsong_flower.png" />
			</div>
		</div>

		<div class="fashion">
			<div class="fashion_back">
				<img src="../img/option_page/fashion_background.png" />
			</div>
			<div class="fashion_character">
				<img src="../img/option_page/fashion_character.png" />
			</div>
			<div class="fashion_man">
				<img src="../img/option_page/fashion_man.png" />
			</div>
			<div class="fashion_lady">
				<img src="../img/option_page/fashion_lady.png" />
			</div>
			<div class="fashion_fly">
				<img src="../img/option_page/fashion_fly.png" />
			</div>
		</div>

		<div class="movie">
			<div class="movie_back">
				<img src="../img/option_page/movie_background.png" />
			</div>
			<div class="movie_character">
				<img src="../img/option_page/movie_character.png" />
			</div>
			<div class="movie_figure">
				<img src="../img/option_page/movie_figure.png" />
			</div>
			<div class="movie_waht">
				<img src="../img/option_page/images/what.png" />
			</div>
			<div class="movie_wall">
				<img src="../img/option_page/movie_wall.png" />
			</div>
		</div>

		<div class="rock">
			<div class="rock_back">
				<img src="../img/option_page/rock_background.png" />
			</div>
			<div class="rock_lamplight">
				<img src="../img/option_page/rock_lamplight.png" />
			</div>
			<div class="rock_character">
				<img src="../img/option_page/rock_character.png" />
			</div>
			<div class="rock_figure">
				<img src="../img/option_page/rock_figure.png" />
			</div>
			<div class="rock_figure2">
				<img src="../img/option_page/rock_figure2.png" />
			</div>
			<div class="rock_grid">
				<img src="../img/option_page/rock_grid.png" />
			</div>
			<div class="rock_man">
				<img src="../img/option_page/rock_man.png" />
			</div>
			<div class="rock_pi">
				<img src="../img/option_page/rock_pi.png" />
			</div>
			<div class="rock_wow">
				<img src="../img/option_page/rock_wow.png" />
			</div>
		</div>

		<div class="rb">
			<div class="rb_back">
				<img src="../img/option_page/movie_background.png"/>
			</div>
			<div class="rb_chearacter">				
				<img src="../img/option_page/r&b_yao3.png"/>
				<img src="../img/option_page/r&b_yao2.png"/>
				<img src="../img/option_page/r&b_yao.png"/>
			</div>
			<div class="rb_floweer">
				<img src="../img/option_page/r&b_flower.png"/>
			</div>
			<div class="rb_lamplight">
				<img src="../img/option_page/r&b_lamplight.png"/>
			</div>
			<div class="rb_car">
				<img src="../img/option_page/r&b_car.png"/>
			</div>
			<div class="rb_floweer2">
				<img src="../img/option_page/r&b_floewe.png"/>
			</div>
	</body>
	
		<div class="option">
			<div class="option_pageA">
				<img src="../img/option_page/option_pageA.png" />
			</div>
			<div class="option_pageB">
				<img src="../img/option_page/option_pageB.png" />
			</div>
			<div class="option_pageC">
				<img src="../img/option_page/option_pageC.png" />
			</div>
			<div class="option_60S">
				<img src="../img/option_page/option_60S.png" />
			</div>
			<div class="option_next">
				<img src="../img/option_page/option_next.png" />
			</div>
		</div>
		
		<div id="result">
			<div class="result-bg"><img src="../img/result-page/body-bg.png"/></div>
			<div class="user-message enter">
				<div class="user-icon img_overflow"><img src="../img/result-page/user-icon.png"/></div>
				<div class="username">咸猪手</div>
			</div>
			<div class="result-logo enter">
				<img src="../img/result-page/result-logo.png"/>
			</div>
			<div class="duanwei enter delay_100">
				<img src="../img/result-page/result-duanwei.png"/>
			</div>
			<div class="answer-result enter">				
				猜中8首
			</div>
			<div class="wenan enter">
				<div class="text">
					失敬失敬！十二星座黄金“音”斗士，你是哪一宫？向你的基友们寄送挑战书吧！
				</div>				
			</div>
			<div class="challengeAgain enter">
				<a href="">再次挑战</a>
			</div>
			<div class="share enter">
				<a href="">分享朋友圈</a>
			</div>
			<div class="paihang-title enter">
				<img src="../img/result-page/paiming-title.png"/>
			</div>
			<div class="paihang-content enter">
				<ul>
					<li>
						<div class="index">1</div>
						<div class="name"><i class="user-icon"><img src="../img/result-page/user-icon.png"/></i>咸猪手</div>
						<div class="pingfen">黄金<i class="duanwei-icon"><img src="../img/result-page/result-duanwei.png"/></i></div>
					</li>
					<li>
						<div class="index">1</div>
						<div class="name"><i class="user-icon"><img src="../img/result-page/user-icon.png"/></i>咸猪手</div>
						<div class="pingfen">黄金<i class="duanwei-icon"><img src="../img/result-page/result-duanwei.png"/></i></div>
					</li>
					<li>
						<div class="index">1</div>
						<div class="name"><i class="user-icon"><img src="../img/result-page/user-icon.png"/></i>咸猪手</div>
						<div class="pingfen">黄金<i class="duanwei-icon"><img src="../img/result-page/result-duanwei.png"/></i></div>
					</li>
				</ul>
			</div>
		</div>
	
	</body>
	<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/dom.js" type="text/javascript" charset="utf-8"></script>
</html>